<script lang="ts">
    import { Code } from '$lib/components';
    import { WizardStep } from '$lib/layout';
    import { versions } from '../store';

    const example1 = `dependencies:
  appwrite: ^${$versions['client-flutter']}`;
    const example2 = `flutter pub add appwrite`;
</script>

<WizardStep>
    <svelte:fragment slot="title">Get the SDK</svelte:fragment>

    <p>
        Add Appwrite SDK to your package's <code class="inline-code">pubspec.yaml</code> file. You can
        view an example here.
    </p>
    <Code label="YAML" language="yml" code={example1} withCopy />
    <p class="common-section">
        You can also install the SDK using the Dart package manager from your terminal.
    </p>
    <Code label="Bash" language="sh" code={example2} withCopy />
</WizardStep>
